<template>
  <div>
      <XtxSkeleton width="100" height="100" bg="blue"/>
      <XtxSkeleton width="100" height="100" bg="red"/>
      <XtxSkeleton width="100" height="100" bg="pink"/>
      <XtxSkeleton width="100" height="100" bg="blue"/>
      <XtxSkeleton width="100" height="100" bg="red"/>
      <XtxSkeleton width="100" height="100" bg="pink"/>
      <XtxSkeleton width="100" height="100" bg="blue"/>
      <XtxSkeleton width="100" height="100" bg="red"/>
      <XtxSkeleton width="100" height="100" bg="pink"/>
      <XtxSkeleton width="100" height="100" bg="blue"/>
      <XtxSkeleton width="100" height="100" bg="red"/>
      <XtxSkeleton width="100" height="100" bg="pink"/>
      <XtxSkeleton width="100" height="100" bg="blue"/>
      <XtxSkeleton width="100" height="100" bg="red"/>
      <XtxSkeleton width="100" height="100" bg="pink"/>
      <!-- 测试轮播图组件 -->
       <XtxSlider :sliders="sliders" :time='1000'/>
       <!-- 测试查看更多 -->
     <xtx-more path="/login"></xtx-more>
     <!-- 面包屑-->
  <xtx-bread separator="/|\">
     <XtxBreadItem>首页</XtxBreadItem>
  <XtxBreadItem to="/">登录</XtxBreadItem>
  </xtx-bread>
    <xtx-bread>
     <XtxBreadItem>首页</XtxBreadItem>
  <XtxBreadItem to="/">登录</XtxBreadItem>
  </xtx-bread>

  </div>
</template>

<script>
// import XtxSkeleton from '../../../src/views/Home/components/Skeleton/index'
export default {
  // components: {
  //   XtxSkeleton
  // }
  data () {
    return {
      sliders: [
        {
          hrefUrl: '/#/',
          id: '630000201807155635',
          imgUrl:
            'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b1.jpg'
        },
        {
          hrefUrl: '/#/',
          id: '650000201207058528',
          imgUrl:
            'http://zhoushugang.gitee.io/erabbit-client-pc-static/images/b2.jpg'
        }
      ]
    }
  }
}
</script>

<style>

</style>
